<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <style>
      body{
        margin: 0;
      }
      .head{
        background-color: #333;
        height: 40px;
      }
      .head .menu{
        float: left;
        color: #b0b0b0;
        font-family: sans-serif;
        height: 38px;
        line-height: 40px;
        font-size: 12px;

      }
      .head .account{
        float: right;
        color: #b0b0b0;
        font-family: sans-serif;
        height: 38px;
        line-height: 40px;
        font-size: 12px;
      }
      .container{
        width:1240px;
        margin: 0 auto;
      }
      .head a{
        display: inline-block;
        margin-right: 15px;
      }
      .container2{
        width: 1240px;
        height: 100px;
        background-color: blue;
        margin: 0 auto;
      }

    </style>
</head>
<body>


  <div class="head">
    <div class="container">
      <div class="menu">
      <a>小米官网</a>
      <a>小米商城</a>
      <a>小米澎湃OS</a>
      <a>小米汽车</a>
      <a>云服务</a>
      <a>IoT</a>
      <a>有品</a>
      <a>小爱开放平台</a>
    </div>


    <div class="account">
      <a>登录</a>
      <a>注册</a>
      <a>消息通知</a>
    </div>
    <div style="clear: both"></div>
    </div>

  </div>

  <div class="container2">

  </div>



</body>
</html>